<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>提示信息</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
qerqwerqwerewqrqerwqer<br>
qerqwerqwerewqrqerwqer<label id="lab">  带tooltip</label>
</body>
<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script>
    $(function () {
        $('#lab').uiTooltip({
            region:'bottom',
            content: $('<div></div>'),
            onShow: function(){
                var t=$(this);
                t.uiTooltip('arrow').css('left', 20);
                t.uiTooltip('tip').css('left', $(this).offset().left);
            },
            onUpdate: function(content){
                content.uiPanel({
                    width: 500,
                    height: 400,
                    lazyLoad:true,
                    url: '../panel/_content.html',
                    onLoadComplete:function(){
                        $('#lab').uiTooltip('tip').width(content.outerWidth()).height(content.outerHeight());
                    }
                });
            }
        });
    })
</script>
</html>